<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>


<s:iterator value="lista_distrito_autocomplete" status="status">
<div onclick="add_zone('<s:property value="IdDistrito"/>','<s:property value="nombre_provincia"/>','<s:property value="nombre"/>');" id="<s:property value="IdDistrito"/>" class="children_auto">
    <label><s:property value="nombre_provincia"/>-<s:property value="nombre"/></label>
</div>
</s:iterator>	
<div class="auto_complete_close">
    <a href="javascript:void(0)" onclick="close_list()">cerrar</a>
</div>


<script type="text/javascript">
function add_zone(id,prov,dist){
    var e=document.getElementById("div_"+id);    
    if(!e){
      $("<div class ='childen_list' id=div_"+id+"><b>"+prov+"-"+dist+"</b><input style='display: none' name='list' type='checkbox' checked value="+id+" /><img title='quitar' src='images/close-icon.png' alt='x' width='8px' height='8px' onclick=delete_zone('"+id+"') /></div>").insertBefore("#nuevo_div");
    }
     close_list();
}


function close_list(){
    $('#txtBuscar').val("");
    $('#txtBuscar').focus();
    $('#list_auto_complete').hide("slow");
}



function delete_zone(id){
   $("#div_"+id).hide("slow");
   x=$("#div_"+id);
   x=x.eq(0);
   x.remove();
}

</script>